<template>
  <div id="DataMaintenance-setting">
    <div class="DataMaintenance-setting">
      <div class="flex-all pt10 pb10 pl12 pr12 bg-white height50">
        <div class="ct-head-left flex-al">
          <span class="left-line-orange mr10"></span>
          <span class="color-333 fs14">{{
            $t("Set.gradenSet.gradenSet.50zgdig6xlc0")
          }}</span>
        </div>
        <!-- <div class="cr-head-right">
          <el-button type="primary" size="mini">{{$t('Set.gradenSet.gradenSet.50zgdig6z280')}}</el-button>
        </div>-->
      </div>
      <div class="body mt10">
        <div class="body-left ml10 mr10">
          <div class="title">
            <h3 class="h1">{{ $t("Set.gradenSet.gradenSet.50zgdig6zhg0") }}</h3>
          </div>
          <el-menu
            :router="true"
            :default-active="defaultActive"
            background-color="#ffffff"
            text-color="#2A304D"
          >
            <el-menu-item
              v-for="(item, index) in innerSlider"
              :key="index"
              :index="item.url"
            >
              {{ item.title }}
              <!-- <router-link :to="{'path': item.url}" tag="div">{{ item.title }}</router-link> -->
            </el-menu-item>
          </el-menu>
        </div>
        <div class="body-right">
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      openMenu: ["5"],
      fileList2: [
        {
          name: "food.jpeg",
          url:
            "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
        },
      ],
    };
  },
  components: {},
  created() {
    this.innerSlider = [
      {
        title: this.$t("Set.gradenSet.gradenSet.50zgdig6zvk0"),
        module_id: "116",
        postrole_id: null,
        url: "/Set/gradenSet/childChange",
      },
      {
        title: this.$t("Set.gradenSet.gradenSet.50zgdig709g0"),
        module_id: "119",
        postrole_id: null,
        url: "/Set/gradenSet/nutrition",
      },
      {
        title: this.$t("Set.gradenSet.gradenSet.50zgdig70uw0"),
        module_id: "120",
        postrole_id: null,
        url: "/Set/gradenSet/holidayManage",
      },
      {
        title: "兴趣班设置",
        module_id: "120",
        postrole_id: null,
        url: "/Set/gradenSet/interestClass",
      },
      // {
      //   title: this.$t("Set.gradenSet.gradenSet.50zgdig71xc0"),
      //   module_id: "120",
      //   postrole_id: null,
      //   url: "/Set/gradenSet/ReasonForTrial",
      // },
      {
        title: "学生类型设置",
        module_id: "120",
        postrole_id: null,
        url: "/Set/gradenSet/studentTypeSetting",
      },
      {
        title: "幼儿叮嘱回复模板",
        module_id: "120",
        postrole_id: null,
        url: "/Set/gradenSet/adviceReplyTemplate",
      },
      {
        title: "助学助教广告位设置",
        module_id: "120",
        postrole_id: null,
        url: "/Set/gradenSet/advertisingSpaceSetting",
      },
      {
        title: "收费项目设置",
        module_id: "120",
        postrole_id: null,
        url: "/Set/gradenSet/chargeItemSetting",
      },
      {
        title: "退费原因设置",
        module_id: "120",
        postrole_id: null,
        url: "/Set/gradenSet/refundReason",
      },
      {
        title: "流失类型设置",
        module_id: "12111",
        postrole_id: null,
        url: "/Set/gradenSet/lostTypes",
      },
      {
        title: '学员标签',
        module_id: "132",
        postrole_id: null,
        url: "/Set/gradenSet/studentLabel"
      }
    ];
  },
  computed: {
    defaultActive() {
      return this.$store.state.SliderDefaultActive;
    },
  },
};
</script>

<style lang="less">
@import url("../common.less");
</style>
